import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
//在普通js文件中，new Swiper（）就算不存在swiper构造器也不会编译报错，构造器函数在静态文件中已经引入，
//而在ts中，因为严格语法的校验new Swiper会报错，所以用下面的语法声明
declare var Swiper;

@Component({
    selector: 'app-temp-var',
    templateUrl: './temp-var.component.html',
    styleUrls: ['./temp-var.component.less']
})
export class TempVarComponent implements OnInit {

    @ViewChild("loop",{
        static:true
    })
    loopDom:ElementRef;

    constructor() { }
    //生命周期函数
    ngOnInit() {
        console.log(this.loopDom)
        this.initSwiper(this.loopDom.nativeElement);
    }

    printDom(arg) {
        console.log(arg);
    }

    initSwiper(loop) {
        new Swiper(loop, {})
    }
}
